<template>
  <div>
    <div class="warpper">
      <p class="partner-title">合作伙伴</p>
      <div
        class="partner-logo"
        v-for="(item, index) in partnerData"
        :key="index"
      >
        <a :href="item.url"><img :src="item.logo" alt="" /></a>
      </div>
    </div>
  </div>
</template>

<script>
import api from "../../api/";
export default {
  name: "Partner",
  data() {
    return {
      partnerData: {},
    };
  },
  mounted() {
    api.getSelectPartner().then((res) => {
      if (res.status == 200) {
        this.partnerData = res.data;
      }
    });
  },
};
</script>

<style scoped lang="less" >
.warpper {
  background-color: #fff;
  padding: 20px;
  overflow: hidden;
  margin-bottom: 20px;
  .partner-title {
    margin-bottom: 20px;
    margin-left: 20px;
    font-size: 22px;
    font-weight: 600;
  }
  .partner-logo {
    float: left;
  }
  img {
    width: 200px;
    height: 100px;
  }
}
</style>